
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="renderer" content="webkit">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>恒达汽修有限公司</title>

<link rel="stylesheet" type="text/css" href="css/meteinfo_ui.css"
	id="metuimodule" data-module="1" />
<link rel="stylesheet" type="text/css" href="css/metinfo.css" />
<script src="js/jQuery1.7.2.js" type="text/javascript"></script>
<script src="js/metinfo_ui.js" type="text/javascript"></script>
<script src="js/ch.js" type="text/javascript"></script>
<!--[if IE]>
<script src="public/js/html5.js" type="text/javascript"></script>
<![endif]-->
<style>
.font1 {
	color: rgb(51, 51, 51);
	font-family: Arial, Verdana, 宋体;
	line-height: 20px;
}
</style>
</head>

<body>
	<div class="m-nav">
		<nav class="inner">
		<ul class="list-none">
			<li id="nav_10001" style='width: 123px;'><a href='index.jsp'
				title='网站首页' class='nav'><span>网站首页</span></a></li>
			<li id='nav_1' style='width: 123px;'><a href='about.jsp'
				0 title='关于我们' class='hover-none nav'><span>关于我们</span></a></li>
			<li id='nav_2' style='width: 123px;'><a href='selectTitleZ'
				title='信息中心' class='hover-none nav'><span>信息中心</span></a></li>
			<li id='nav_3' style='width: 123px;'><a
				href='${pageContext.request.contextPath }/receptionSelectStock'
				title='恒达汽修产品' class='hover-none nav'><span>恒达汽修产品</span></a></li>
			<li id='nav_4' style='width: 122px;'><a href='cases.jsp'
				title='服务车型' class='hover-none nav'><span>服务车型</span></a></li>
			<li id='nav_34' style='width: 122px;'><a href='findQtRecruit'
				title='在线招聘' class='hover-none nav'><span>在线招聘</span></a></li>
			<li id='nav_11' style='width: 122px;'><a href='booking.jsp'
				title='在线预约' class='hover-none nav'><span>在线预约</span></a></li>
			<li id='nav_18' style='width: 122px;' class='navdown'><a
				href='${pageContext.request.contextPath }/selectNo' title='联系我们' class='hover-none nav'><span>联系我们</span></a></li>
		</ul>
		</nav>
	</div>



	<header>
	<div class="inner top">

		<a href="../" title="汽配公司" id="web_logo"> <img
			src="img/1363847903.png" style="width: 210px; height: 55px;"
			alt="汽配公司" title="汽配公司" style="margin:0px 0px 0px 10px;" />
		</a>

		<div class="top-seo">
			<div class="tpseotxt">
				<p>&nbsp;020-5856-1762</p>
			</div>
		</div>
	</div>
	</header>

	<div class="inner met_flash">
		<div class="flash">
			<img src='img/1363850250.jpg' width='980' alt='' height='300'>
		</div>
	</div>

	<div class="sidebar inner">

		<div class="sb_nav">
			<h3 class='title'>联系我们</h3>
			<div class="active b-r" id="sidebar" data-csnow="33" data-class3="0"
				data-jsok="2">
				<dl class="list-none navnow">
					<dt id='part2_' class='on'>
						<a href="${pageContext.request.contextPath }/selectNo" title='电话地址'><span>联系我们</span></a>
					</dt>
				</dl>
				<dl class="list-none navnow">
					<dt id='part2_33'>
						<a href="${pageContext.request.contextPath }/selectOne"
							title='客户留言' class="zm"><span>客户留言</span></a>
					</dt>
				</dl>
				<div class="clear"></div>
			</div>

			<h3 class='title line'>联系方式</h3>
			<div class="active editor b-r">
				<div>联系人：${list[4].admin_name }</div>
				<div>手机：${list[4].admin_phone }</div>
				<div>QQ：${list[4].admin_qq }</div>
				<div class="clear"></div>
			</div>

		</div>

		<div class='sb_box b-r'>
			<h3 class="title">
				<div class="position">
					当前位置：<a href="../" title="网站首页">网站首页</a> &gt; <a href=../contact/ >联系我们</a>
				</div>
				<span>联系我们</span>
			</h3>
			<div class="clear"></div>

			<div class="editor active" id="showtext">
				<div>
					<p>&nbsp;</p>
					<p class="font1">
						<span><strong
							style="margin: 0px; padding: 0px; font-size: 18px;"><img
								src="img/20130321_153535.jpg"
								style="width: 348px; height: 209px; float: right;" / alt="图片关键词">恒达汽修有限公司</strong><br />
							地 址：重庆市万州区厦门路602号</span>
					</p>
					<p>
						<span><span
							style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);">
								电 话：<strong style="margin: 0px; padding: 0px;">020-5856-1762</strong>
						</span></span>
					</p>
					<p>
						<span>手 机：15521389512</span>
					</p>
					<p>&nbsp;</p>
				</div>
				<div class="clear"></div>
			</div>
			<div>
				公司地址：
				<!--百度地图容器-->
				<div style="width: 750px; height: 400px; border: #ccc solid 1px;"
					id="dituContent"></div>

			</div>

		</div>
		<div class="clear"></div>
	</div>

	<footer class="inner">
	<div class="foot-nav">
		<a href="about.jsp" 0 title='关于我们'>关于我们</a><span> |</span><a
			href='${pageContext.request.contextPath }/selectOne' title='客户留言'>客户留言</a><span>|
			<span><a href='booking.jsp' title='在线预约'>在线预约</a><span>|
			</span><a href='joinUs.jsp' title='人才招聘'>人才招聘</a><span>| <a
					href='${pageContext.request.contextPath }/selectNo' title='网站地图'>联系我们</a>
	</div>
	<div class="foot-text">
		<p>恒达汽修有限公司版权所有 2017-2018 备案号：渝ICP备13004606</p>
		<p>电话：020-5856-1762</p>
	</div>
	</footer>
	<script type="text/javascript"
		src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	<script type="text/javascript">
		//创建和初始化地图函数：
		function initMap() {
			createMap(); //创建地图
			setMapEvent(); //设置地图事件
			addMapControl(); //向地图添加控件
			addMarker(); //向地图中添加marker
		}
		//创建地图函数：
		function createMap() {
			var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
			var point = new BMap.Point(108.412005, 30.767337); //定义一个中心点坐标
			map.centerAndZoom(point, 18); //设定地图的中心点和坐标并将地图显示在地图容器中
			window.map = map; //将map变量存储在全局
		}
		//地图事件设置函数：
		function setMapEvent() {
			map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
			map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
			map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
			map.disableKeyboard(); //禁用键盘上下左右键移动地图，默认禁用(可不写)
		}
		//地图控件添加函数：
		function addMapControl() {
			//向地图中添加缩放控件
			var ctrl_nav = new BMap.NavigationControl({
				anchor : BMAP_ANCHOR_TOP_LEFT,
				type : BMAP_NAVIGATION_CONTROL_SMALL
			});
			map.addControl(ctrl_nav);
			//向地图中添加缩略图控件
			var ctrl_ove = new BMap.OverviewMapControl({
				anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
				isOpen : 1
			});
			map.addControl(ctrl_ove);
			//向地图中添加比例尺控件
			var ctrl_sca = new BMap.ScaleControl({
				anchor : BMAP_ANCHOR_TOP_LEFT
			});
			map.addControl(ctrl_sca);
		}
		//标注点数组
		var markerArr = [ {
			title : "重庆恒达汽修",
			content : "重庆市万州区厦门路602号",
			point : "108.411493|30.767577",
			isOpen : 1,
			icon : {
				w : 23,
				h : 25,
				l : 46,
				t : 21,
				x : 9,
				lb : 12
			}
		} ];
		//创建marker
		function addMarker() {
			for (var i = 0; i < markerArr.length; i++) {
				var json = markerArr[i];
				var p0 = json.point.split("|")[0];
				var p1 = json.point.split("|")[1];
				var point = new BMap.Point(p0, p1);
				var iconImg = createIcon(json.icon);
				var marker = new BMap.Marker(point, {
					icon : iconImg
				});
				var iw = createInfoWindow(i);
				var label = new BMap.Label(json.title, {
					"offset" : new BMap.Size(json.icon.lb - json.icon.x + 10,
							-20)
				});
				marker.setLabel(label);
				map.addOverlay(marker);
				label.setStyle({
					borderColor : "#808080",
					color : "#333",
					cursor : "pointer"
				});
				(function() {
					var index = i;
					var _iw = createInfoWindow(i);
					var _marker = marker;
					_marker.addEventListener("click", function() {
						this.openInfoWindow(_iw);
					});
					_iw.addEventListener("open", function() {
						_marker.getLabel().hide();
					})
					_iw.addEventListener("close", function() {
						_marker.getLabel().show();
					})
					label.addEventListener("click", function() {
						_marker.openInfoWindow(_iw);
					})
					if (!!json.isOpen) {
						label.hide();
						_marker.openInfoWindow(_iw);
					}
				})()
			}
		}
		//创建InfoWindow
		function createInfoWindow(i) {
			var json = markerArr[i];
			var iw = new BMap.InfoWindow(
					"<b class='iw_poi_title' title='" + json.title + "'>"
							+ json.title + "</b><div class='iw_poi_content'>"
							+ json.content + "</div>");
			return iw;
		}
		//创建一个Icon
		function createIcon(json) {
			var icon = new BMap.Icon(
					"http://app.baidu.com/map/images/us_mk_icon.png",
					new BMap.Size(json.w, json.h), {
						imageOffset : new BMap.Size(-json.l, -json.t),
						infoWindowOffset : new BMap.Size(json.lb + 5, 1),
						offset : new BMap.Size(json.x, json.h)
					})
			return icon;
		}
		initMap(); //创建和初始化地图
	</script>
</body>

</html>